/* 
    Document   : navigation
    Created on : 13 déc. 2011, 20:15:04
    Author     : Christophe Sourisse
    Description:
        Stylesheet for the navigation menu.
*/

.navigation {
   margin: 0;
   padding: 0;
   z-index: 30
}

.navigation li {
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   font: bold 11px arial
}

.navigation li a {
   display: block;
   margin: 0 1px 0 0;
   padding: 4px 10px;
   width: 60px;
   background: #5970B2;
   color: #FFF;
   text-align: center;
   text-decoration: none}

.navigation li a:hover {
   background: #49A3FF
}

.navigation ul {
   position: absolute;
   visibility: hidden;
   margin: 0;
   padding: 0;
   background: #EAEBD8;
   border: 1px solid #5970B2
}

.navigation ul a {
   position: relative;
   display: block;
   margin: 0;
   padding: 5px 10px;
   width: auto;
   white-space: nowrap;
   text-align: left;
   text-decoration: none;
   background: #EAEBD8;
   color: #2875DE;
   font: 11px arial
}

.navigation ul a:hover {
   background: #49A3FF;
   color: #FFF
}

.navigation > li > ul > li {
   width: 100%;
}